<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html class="no-js" lang="zxx">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Shop | eCommers</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" type="image/x-icon" href="${pageContext.request.contextPath}/assets/img/icon/favicon.png">
    <jsp:include page="${pageContext.request.contextPath}/common/css.jsp"></jsp:include>
</head>
<body>
<jsp:include page="${pageContext.request.contextPath}/common/Header.jsp"></jsp:include>
<main>
    <!-- Hero area Start-->
    <div class="hero-area section-bg2">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="slider-area">
                        <div class="slider-height2 slider-bg4 d-flex align-items-center justify-content-center">
                            <div class="hero-caption hero-caption2">
                                <h2>产品详细</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--  Hero area End -->
    <!--  services-area start-->
    <div class="services-area2 pt-50">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="row">
                        <div class="col-xl-12">
                            <!-- Single -->
                            <div class="single-services d-flex align-items-center mb-0">
                                <c:forEach items="product1" var="product" varStatus="status">
                                    <div class="features-img">
                                        <img src="${pageContext.request.contextPath}/assets/img/gallery/latest7.jpg"
                                             alt="">
                                    </div>
                                    <div class="features-caption">
                                        <h3>${product1.productName}</h3>
                                        <p>${product1.description}</p>
                                        <div class="price">
                                            <span>$${product1.price}</span>
                                        </div>
                                        <div class="review">
                                            <div class="rating">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star-half-alt"></i>
                                            </div>
                                            <p>(120 个评论)</p>
                                        </div>
                                        <a href="${pageContext.request.contextPath}/product/addCart.do?productid=${product1.productid}&userid=${user.id}"
                                           class="white-btn mr-10">添加到购物车</a>
                                        <a href="#" class="border-btn share-btn"><i class="fas fa-share-alt"></i></a>
                                        <br>
                                        <a onclick="history.back(-1)" class="white-btn mr-10">返回</a>
                                    </div>
                                </c:forEach>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- services-area End-->
    <!--Books review Start -->
    <section class="our-client section-padding best-selling">
    </section>
    <!-- Books review End -->
</main>
<jsp:include page="${pageContext.request.contextPath}/common/Foot.jsp"></jsp:include>

<jsp:include page="${pageContext.request.contextPath}/common/js.jsp"></jsp:include>
</body>
</html>
